/* Element Variables */

// Override Element UI variables
$--color-primary: #02b6fd;
$--color-success: #13ce66;
$--color-warning: #ffb302;
$--color-danger: #ff4949;
$--color-info: #5d5d5d;

$--button-font-weight: 400;
$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;
$--table-border: 1px solid #dfe6ec;

// Input colors
$--input-hover-border: #333;
$--input-focus-border: #02b6fd;

// Button colors
$--button-hover-tint-percent: 20%;
$--button-active-shade-percent: 10%;

.el-button--primary {
  &.continue {
    background-color: #333333;
    border-color: #333333;
    color: #ffffff;
    
    &:hover, &:focus {
      background-color: #333333;
      border-color: #333333;
      color: #ffffff;
    }
    
    &:active {
      background-color: #333333;
      border-color: #333333;
      color: #ffffff;
    }
  }
}

// Icon font path, required
$--font-path: '~element-ui/lib/theme-chalk/fonts';

// Apply overrided variables in Element UI
@import '~element-ui/packages/theme-chalk/src/index';
